<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:a4j="http://richfaces.org/a4j">

    <head>
        <link href="/cpi/css/estilos.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" language="Javascript" src="/cpi/javascript/javascript.js"></script>
        <script type="text/javascript" language="Javascript" src="/cpiadmin/javascript/sdmenu.js"></script>

        <style type="text/css">
            .botonMenu{
                border:0px solid yellow;
                color: #FAAC58;
                font-size: 13px;
                background : #FFFFFF;
                text-align: left;
                padding-left: 35px;
                width: 220px;
                height: 26px;
                cursor: pointer;
                border-bottom:1px solid #d9d9d9;
            }
            .textoListado{
                font-size: 10px;
            }
            .textListadoCabecera{
                font-size: 10px;
            }
        </style>

        <!--[if IE 6]>
        <link href="/cpi/css/estilos-ie.css" rel="stylesheet" type="text/css"/>
        <![endif]-->




        <script type="text/javascript">
            if (window.history) {
                  function noBack(){window.history.forward()}
                  noBack();
                  window.onload=noBack;
                  window.onpageshow=function(evt){if(evt.persisted)noBack();}
                  window.onunload=function(){void(0)}
              }
         //<![CDATA[
            /****************************************************************/
            /* Ejemplo usado desde http://www.quirksmode.org/js/detect.html */
	
                    var BrowserDetect = {
                                    init: function () {
                                            this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
                                            this.version = this.searchVersion(navigator.userAgent)
                                                    || this.searchVersion(navigator.appVersion)
                                                    || "an unknown version";
                                            this.OS = this.searchString(this.dataOS) || "an unknown OS";
                                    },
                                    searchString: function (data) {
                                            for (var i=0;i<data.length;i++)	{
                                                    var dataString = data[i].string;
                                                    var dataProp = data[i].prop;
                                                    this.versionSearchString = data[i].versionSearch || data[i].identity;
                                                    if (dataString) {
                                                            if (dataString.indexOf(data[i].subString) != -1)
                                                                    return data[i].identity;
                                                    }
                                                    else if (dataProp)
                                                            return data[i].identity;
                                            }
                                    },
                                    searchVersion: function (dataString) {
                                            var index = dataString.indexOf(this.versionSearchString);
                                            if (index == -1) return;
                                            return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
                                    },
                                    dataBrowser: [
                                            {
                                                    string: navigator.userAgent,
                                                    subString: "Chrome",
                                                    identity: "Chrome"
                                            },
                                            { 	string: navigator.userAgent,
                                                    subString: "OmniWeb",
                                                    versionSearch: "OmniWeb/",
                                                    identity: "OmniWeb"
                                            },
                                            {
                                                    string: navigator.vendor,
                                                    subString: "Apple",
                                                    identity: "Safari",
                                                    versionSearch: "Version"
                                            },
                                            {
                                                    prop: window.opera,
                                                    identity: "Opera"
                                            },
                                            {
                                                    string: navigator.vendor,
                                                    subString: "iCab",
                                                    identity: "iCab"
                                            },
                                            {
                                                    string: navigator.vendor,
                                                    subString: "KDE",
                                                    identity: "Konqueror"
                                            },
                                            {
                                                    string: navigator.userAgent,
                                                    subString: "Firefox",
                                                    identity: "Firefox"
                                            },
                                            {
                                                    string: navigator.vendor,
                                                    subString: "Camino",
                                                    identity: "Camino"
                                            },
                                            {		// for newer Netscapes (6+)
                                                    string: navigator.userAgent,
                                                    subString: "Netscape",
                                                    identity: "Netscape"
                                            },
                                            {
                                                    string: navigator.userAgent,
                                                    subString: "MSIE",
                                                    identity: "Explorer",
                                                    versionSearch: "MSIE"
                                            },
                                            {
                                                    string: navigator.userAgent,
                                                    subString: "Gecko",
                                                    identity: "Mozilla",
                                                    versionSearch: "rv"
                                            },
                                            { 		// for older Netscapes (4-)
                                                    string: navigator.userAgent,
                                                    subString: "Mozilla",
                                                    identity: "Netscape",
                                                    versionSearch: "Mozilla"
                                            }
                                    ],
                                    dataOS : [
                                            {
                                                    string: navigator.platform,
                                                    subString: "Win",
                                                    identity: "Windows"
                                            },
                                            {
                                                    string: navigator.platform,
                                                    subString: "Mac",
                                                    identity: "Mac"
                                            },
                                            {
                                                       string: navigator.userAgent,
                                                       subString: "iPhone",
                                                       identity: "iPhone/iPod"
                                        },
                                            {
                                                    string: navigator.platform,
                                                    subString: "Linux",
                                                    identity: "Linux"
                                            }
                                    ]

                            };

                    BrowserDetect.init();
                    /****************************************************************/
		
		
                    function detectaNavegador(){
			
                            var mensaje = "El navegador que usted está usando podría presentar problemas con la aplicación, debe utilizar Internet Explorer 6 o Superior o en su defecto Firefox 3.0 o Superior";
                            if((BrowserDetect.browser=="Firefox")&&(BrowserDetect.version=="1")){
                                    alert(mensaje);
                            }else if(BrowserDetect.browser=="Chrome"){
                                    alert(mensaje);
                            }else if(BrowserDetect.browser=="Safari"){
                                    alert(mensaje);
                            }
                    }
                    //]]>
        </script>
        <script type="text/javascript">
// <![CDATA[
		
        var myMenu;
        function menu() {
                myMenu = new SDMenu("contInf");
			
                myMenu.init();
        };
// ]]>
        </script>
           <script type="text/javascript">
                        //<![CDATA[
                        //tiempo();
                        function tiempo()
                      {
                        var t=setTimeout("mensaje()",5000);
                      }
                      function mensaje()
                      {
                        if(window.confirm("El handler ha expirado")){
                            return alert('aceptado');
                        } else {
                        return false;
                        }

                      }
                            A4J.AJAX.onExpired = function(loc, expiredMsg){
                                        // obtenemos el componente que implementa la ventana modal para mostrarlo
                                        alert("Session terminada en el Cliente\nActualice la pagina");
                                        return '/SDCERS';
                                }
                           // ]]>
        </script>
    </head>
    <body onload="detectaNavegador();menu();">
        <div id="cabecera">
            <div id="divBarra" ></div>
            <div id="divTitulos">
                <div id="TituloIcono"><img src="/cpi/images/logo.gif" /></div>
                <div id="TituloUPS">Universidad Politécnica Salesiana</div>
                <div id="TituloSRC"><img src="/cpi/images/titulo2.gif"/></div>
                <div id= "divUsuario">
                    Bienvenid@,<br/>
                    <span style="color: rgb(237, 150, 1); font-size: 11px; font-weight: bold;">
                        #{usuarioBean.userName}
                    </span>
                    <h:form style="margin-top: 8px;">                        
                        <h:commandButton id="btnCerrarSesion" value="cerrar sesión"
                                             style="width:auto;height:auto;margin-top:8px;width:auto;color:gray;border:0px solid gray;cursor:pointer;font-size:10px;font-weight: bold;"
                                             actionListener="#{usuarioBean.doCerrarSession}" />
                    </h:form>
                </div>
            </div>

            <div id="divMenuSup" class="infoMapa" >
                <br/>
                <span class="spanNavegacion" >Ud. se encuentra en:</span>#{navegacion}</div>
        </div>
        <div id="contenido">
            <div id="menuInf">
                <div id="imgInf" class="infoCabeza"><img src="/cpi/images/m1p.gif" height="34" width="35" align="left"/>MENU DE ADMINISTRACION</div>
                <div id="contInf" class="sdmenu">
                    <div class="colapsed">
                        <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador or usuarioBean.presupuesto}">
                            <span>CONVOCATORIA</span>
                            <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador}">
                                <a href="/cpiadmin/administracion/convocatoria.jsf">Convocatoria</a>
                            </h:panelGrid>
                            <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador or usuarioBean.presupuesto}">
                                <h:form>
                                    <h:commandButton action="#{usuarioBean.direccionarEjecucionProyectos}"
                                                     value="Ejecución de Proyectos"
                                                     onmouseover="javascript:this.style.background='#E6E6E6';this.style.color='#ff8000';"
                                                     onmouseout="javascript:this.style.background='#FFFFFF';this.style.color='#FAAC58';"
                                                     styleClass="botonMenu">
                                    </h:commandButton>
                                </h:form>
                            </h:panelGrid>
                        </h:panelGrid>
                    </div>
                    <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador}">
                        <div class="colapsed">
                            <span>LINEAS DE INVESTIGACION</span>
                            <a href="/cpiadmin/administracion/lineasinvestigacion.jsf">Líneas de Investigación</a>                        
                        </div>
                    </h:panelGrid>
                    <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador}">
                        <div class="colapsed">
                            <span>PROYECTOS</span>
                            <a href="/cpiadmin/administracion/proyectos.jsf">Proyectos</a>
                            <a href="/cpiadmin/administracion/preseleccion.jsf">Preselección</a>
                            <h:form>
                                <h:commandButton action="#{usuarioBean.direccionarSeleccionProyectos}"
                                                 value="Selección de Proyectos"
                                                 onmouseover="javascript:this.style.background='#E6E6E6';this.style.color='#ff8000';"
                                                 onmouseout="javascript:this.style.background='#FFFFFF';this.style.color='#FAAC58';"
                                                 styleClass="botonMenu">
                                </h:commandButton>
                            </h:form>                        
                        </div>
                    </h:panelGrid>
                    <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador}">
                        <div class="colapsed">
                            <span>PARAMETROS DE SELECCION</span>
                            <a href="/cpiadmin/administracion/parametros.jsf">Parametros de Selección</a>                        
                        </div>
                    </h:panelGrid>
                    <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador}">
                        <div class="colapsed">
                            <span>COMITES</span>
                            <a href="/cpiadmin/administracion/comiteseleccion.jsf">Comité de Selección</a>
                            <a href="/cpiadmin/administracion/comiteseguimiento.jsf">Comité de Seguimiento</a>                    
                        </div>
                    </h:panelGrid>
                    <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador}">
                        <div class="colapsed">
                            <span>RECURSOS</span>
                            <a href="/cpiadmin/administracion/tiporecursos.jsf">Tipos de Recursos</a>
                            <a href="/cpiadmin/administracion/personalrecursos.jsf">Personal de Recursos</a>                        
                        </div>
                    </h:panelGrid>
                    <div class="colapsed">
                        <span>SEGUIMIENTO</span>
                        <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador or usuarioBean.presupuesto or usuarioBean.apoyoInvestigacion}">
                            <h:form>
                                <h:commandButton action="#{usuarioBean.direccionarInformes}"
                                                 value="Informes Técnicos/Narrativos"
                                                 onmouseover="javascript:this.style.background='#E6E6E6';this.style.color='#ff8000';"
                                                 onmouseout="javascript:this.style.background='#FFFFFF';this.style.color='#FAAC58';"
                                                 styleClass="botonMenu">
                                </h:commandButton>
                            </h:form>
                        </h:panelGrid>
                        <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador}">
                            <h:form>
                                <h:commandButton action="#{usuarioBean.direccionarCierres}"
                                                 value="Informes de Cierres"
                                                 onmouseover="javascript:this.style.background='#E6E6E6';this.style.color='#ff8000';"
                                                 onmouseout="javascript:this.style.background='#FFFFFF';this.style.color='#FAAC58';"
                                                 styleClass="botonMenu">
                                </h:commandButton>
                            </h:form>
                            <h:form>
                                <h:commandButton action="#{usuarioBean.direccionarProrrogas}"
                                                 value="Prorrogas"
                                                 onmouseover="javascript:this.style.background='#E6E6E6';this.style.color='#ff8000';"
                                                 onmouseout="javascript:this.style.background='#FFFFFF';this.style.color='#FAAC58';"
                                                 styleClass="botonMenu">
                                </h:commandButton>
                            </h:form>
                        
                        <a href="/cpiadmin/administracion/recursos.jsf">Recursos</a>
                        </h:panelGrid>
                    </div>
                    <h:panelGrid cellpadding="0" cellspacing="0" rendered="#{usuarioBean.administrador or usuarioBean.presupuesto}">
                        <div class="colapsed">
                            <span>REPORTES</span>
                            <a href="/cpiadmin/administracion/reportes.jsf">Reportes</a>
                        </div>
                    </h:panelGrid>

                </div>

            </div>
            <div id="form">

                <ui:insert name="formulario">

                </ui:insert>
            </div>
        </div>

        <div id="pie" class="spanNormal" style="background:#f2f2f2;">
            <center>
                <div style="color:gray;font-size:9px;font-weight:bold;">Esta aplicación ha sido optimizada para Mozilla Firefox 12 ó superior.</div>
                <br/>
                Universidad Politécnica Salesiana
            </center>
        </div>

    </body>
</html>
